---
title: 'Overview'
sidebarTitle: 'Overview'
---

# Use integrations

### Frontend SDK

Trigger authorization flows in your frontend.

<CardGroup cols={2}>
    <Card title="Frontend" href="/reference/sdks/frontend" icon="js" color="#F7D300">
    </Card>
</CardGroup>

### HTTP API & backend SDKs

Sync APIs from your app with the Nango HTTP API & backend SDKs.

<CardGroup cols={2}>
    <Card title="HTTP API" href="/reference/api" icon="cloud" color="#F7D300">
    </Card>
    <Card title="Node" href="/reference/sdks/node" icon="node" color="#68a063">
    </Card>
    <Card href="/reference/sdks/python" title="Python" icon="python" color="#4c8abe">
    </Card>
    <Card href="/reference/sdks/java" title="Java" icon="java" color="#e41f23">
    </Card>
    <Card href="/reference/sdks/ruby" title="Ruby" icon="gem" color="#ac0d01">
    </Card>
    <Card href="/reference/sdks/go" title="Golang" icon="golang" color="#00add8">
    </Card>
    <Card href="/reference/sdks/rust" title="Rust" icon="rust" color="#cd412b">
    </Card>
    <Card href="/reference/sdks/php" title="PHP" icon="php" color="#787cb4">
    </Card>
</CardGroup>



# Build integrations    

<CardGroup cols={2}>
    <Card title="CLI" href="/reference/cli" icon="terminal" color="#F7D300">
        The tooling your need to develop custom integrations.
    </Card>
    <Card title="Functions" href="/reference/functions" icon="code" color="#F7D300">
        Build custom integrations in code.
    </Card>
    <Card title="APIs config (providers.yaml)" href="/reference/api-configuration" icon="network-wired" color="#F7D300">
        How external APIs are configured on Nango.
    </Card>
</CardGroup>

<Tip>
**Questions, problems, feedback?** Please reach out in the [Slack community](https://nango.dev/slack).
</Tip>